body{
	background:#f3f9ff url(../img/bg_blue.jpg) repeat-x top;
	color: #202020;
}
a, a:visited{
	color:#375b91;
}
input{
	border:1px solid #d9e6f0;
}
select{
	border:1px solid #d9e6f0;
}
#header h2{
	color:#FFF;
}
#content{
	background:#FFF;
}
#sidebar{
	background:#FFF;
}
#sidebar h3{
	background:#f3f9ff;
	border-bottom:1px solid #d9e6f0;
}
#topmenu a,#topmenu a:visited{
	color:#FFF;
	background:#365B90;
}
#topmenu a:hover{
	color: #FFF;
}
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{
	color:#375b91;
	background: #FFF url(../img/bg_menu_blue.jpg) repeat-x top;
	border-left: #FFF 1px solid;
	border-right: #FFF 1px solid;
}
#top-panel{
	background:#FFF;
}
table{
	background:none;
}
td, th{
	border:1px solid #d9e6f0;
} 
thead{
	background:#f3f9ff;
}
#styleswitcher{
	background:#FFFFFF;
}
#footer{
	background:#FFF;
}
#box{
	border:1px solid #d9e6f0;
}
#box h3{
	background:#f3f9ff;
	border-bottom:1px solid #d9e6f0;
	color:#375b91;
}
/***************
	  Forms
***************/
form#form fieldset {
	border:1px solid #d9e6f0;
}
form#form legend {
	border:1px solid #d9e6f0;
	background:#fff url(../img/form_blue.gif) repeat-x center left;
	color:#375b91;
}
form#form input {
	border:1px solid #d9e6f0;
	background:#fff url(../img/form_blue.gif) repeat-x top left;
}
form#form textarea {
	border:1px solid #d9e6f0;
	background:#fff url(../img/form_blue.gif) repeat-x bottom left;
}
form#form option {
	background:#FFF;
}
form#form optgroup {
	background:#d9e6f0;
}
form#form optgroup option {

}
form#form #button1, form#form #button2 {
	color:#375b91;
}
form#form #button1:hover, form#form #button2:hover {
	color:#000;
}
/***************
	Home
***************/
#infobox{
	border:1px solid #d9e6f0;
}
#infobox h3{
	background:#f3f9ff;
	border-bottom:1px solid #d9e6f0;
	color:#375b91;
}
#rightnow {
	border:1px solid #d9e6f0;
}
#rightnow .reallynow {
	background:#f3f9ff;
	color:#375b91;
}
#rightnow h3{
	background:#f3f9ff;
	border-bottom:1px solid #d9e6f0;
}

/*****************
	Edit
*****************/
#topmenu li{
	position: relative;
}
#topmenu ul li a{
	border-radius: 3px 3px 0 0;
}
#topmenu ul li:hover  a{
	border-radius: 3px 3px 0 0;
	color: #375B91;
	background-color: #EFF7FA;
}

#topmenu ul li ul{
	position: absolute;
	left: 0px;
	top: 19px;
	display: none;
	background: #EFF7FA;
	width: 186px;
	z-index: 99999;
}
#topmenu ul li ul li{
	display: block;
}


#topmenu ul li ul li a{
	border-radius: 0;
	color: #375B91;
}
#topmenu ul li ul li a:hover{
	background-color: #4E8EF2;
	color:White;
	border-radius: 0;
}
#topmenu ul li:hover ul{
	display:block;
}

#header {
	position: relative;
	background: url(../img/banner.jpg) 0px -10px no-repeat;
	height:100px;
}
#header #topmenu{
	margin-top: 0px !important;
}

#header #banner{
	height: 75px;
}

#header #login-box{
	position: absolute;
	background: #F3F9FF;
	top: 1px;
	right: 0;
	border-radius: 0 0 3px 3px;
	text-align: right;
	padding: 5px 5px 5px 10px;
}
/*****************
	Login
*****************/
#wrapper-box{
	width: 340px;
	background: url(../img/login_bg.png) repeat-x;
	margin: 0 auto;
	padding: 5px 20px;
	margin-top: 25px;
	border-radius: 3px;
	color: #ffffff;
	font-family: Arial;
}

.header-login{
	height: 100px;
}
.notification{
	padding: 10px 25px;
	background: #F0F0F0;
	border-radius: 3px;
	margin-bottom: 10px;
	color: #375A90;
}
.notification a{
	color: #F79B07;
	font-weight: bold;
}
.notification a:hover{
	text-decoration: underline;
}
.text-input{
	float: right;
	width: 200px;
	padding: 6px;
	border-radius: 4px;
}
#login-content p{
	line-height: 2.6em;
}
#login-content label{
	float: left;
	width: 50px;
}
#login-content .button{
	float: right;
	padding: 6px;
	border-radius: 3px; 
	font-weight: bold;
	cursor:pointer;
}

.error,#Main_Login_RFVEmail,#Main_Login_RFVPass
{
    color: Red;
}
.title-text{
color: #3F5D68;
font-weight: bold;
}
.full-size
{
    width: 100% !important;
}

#calendar
{
    width: 210px;
    float: right;
    padding: 15px;
}
#calendar table
{
    margin: 0px !important;
}

.loading
{
    text-align: center;
}
#rightnow
{
    margin-bottom: 10px;
}
#infobox .text-content
{
    width: 40px;
}
#infobox .content td
{
    text-align: center;
}
.button1
{
    padding: 8px 5px;
    border-radius: 3px;
    margin: 5px;
    cursor: pointer;
    background:#F49B06;
    color: #ffffff;
    font-weight: bold;
}

.left-content
{
    border: 1px solid #D9E6F0;
    width: 464px;
    float: left;
    margin-top: 10px;
}
.left-content h3{
    background: #F3F9FF;
    border-bottom: 1px solid #D9E6F0;
    color: #375B91;
    padding: 5px;
    font-size: 14px;
}

.right
{
    float: right;
}

.total
{
    font-weight: bold;
}

#MainContent_TvWorkList table
{
    width: 0;
    margin: 0;
}
#MainContent_TvWorkList table th,#MainContent_TvWorkList table td
{
    padding: 0;
    border: 0px solid red;
}

.wrap_input
{
    border: none !important;
}
.float_left
{
    float:left;
}
#MainContent_UpdateProgress1
{
    width: auto;
}
.validate
{
    color: Red;
    font-style: italic;
}
.insert-item-express table
{
    border: 1px solid #A6C9E2;
}
.insert-item-express table tr td
{
    border: none;
    padding: 5px;
}

.mybutton
{
    background: #498AF3;
    border-radius: 3px;
    padding: 3px 8px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    height: 30px;
}

.info-box
{
    border: 1px solid #D9E6F0;
    width: 570px;
    padding: 3px;
    border-radius: 3px;
}
.info-box table
{
    margin: 0px 15px;
}
.info-box h3
{
    background: url(../img/line.png) repeat-x top;
    height:16px;
    color: #ffffff;
    padding: 5px;
    font-size: 14px;
    border-radius: 3px;
    text-align: center;
}

.info-box td
{
    border: none !important;
    padding: 5px;
}

.info-box1 td{padding: 3px !important;}

#MainContent_pnlNotice{padding-left:150px;}
#MainContent_lblNotice{line-height: 32px;float: left;font-weight: bold;}
.fail{color:red;}
.success{color:#86C037;}

.color-yellow
{
    background: #FFB400 !important;
}
.color-red
{
    background: #D74937 !important;
}

.input-error
{
    border: 1px solid red !important;
}

.valid
{
    border: 1px solid #D9E6F0 !important;
}

.footer-project
{
    padding: 5px;
}
.checkbox
{
    padding: 5px 0;
}

/*****************
	ViewProject
*****************/
.project, .project-member
{
    border: 1px solid #7E9DCC;
    width: 425px;
}
.project table
{
    width: 419px;
    margin: 3px !important; 
    border-color: #D9E6F0;
}
.activity table
{
    width: 409px !important; 
}
.project td,.project th, .project-member td, .project-member th
{
    border: none;
}
th.header
{
    padding: 5px 0;
    color:#FFFFFF;
    background: url(../img/line.png) repeat-x top;
}
table.item-express
{
    width: 410px;
}
.tdLabel {
text-align: right;
font-style: italic;
vertical-align: top;
padding-right: 4px;
}
.tdContent
{
    vertical-align: top;
}

#MainContent_CalendarExtender_daysTable, #MainContent_CalendarExtender1_daysTable
{
    width: auto !important;
}
#MainContent_CalendarExtender_daysTable td, #MainContent_CalendarExtender1_daysTable td
{
    padding: 0;
}

.left-content-project, .right-content-project
{
    width: 49%;
    float: left;
}

.project-member table
{
    width: 410px;
    padding: 3px;
    margin: 3px;
    border-color: #D9E6F0;
}

#MainContent_grvActivity th,#MainContent_grvActivity td, #MainContent_gvProjectMember th, #MainContent_gvProjectMember td, #MainContent_gvReportTime th, #MainContent_gvReportTime td{
    border: 1px solid #D9E6F0;
}

.project, .project th ,.project-member, .project-member th,#MainContent_FileUpload{border-radius: 3px;}
.notice{padding: 10px;float: left;width: 400px;}
#MainContent_RegularExpressionValidator{color: Red;font-style: italic;}
.list-staff td, .list-staff th
{
    padding: 3px !important;
}
.new-table td{border: none;}
h2{color:#545B91;margin-bottom: 10px;margin-left: 5px;}
.input-error{border-color: Red;}
#MainContent_rqActivityName,#MainContent_rqEstimateTime{color:Red;}
.input-image{border:none;}
.content-project{position: relative;}
#popup{position:absolute; top: 91px;left: 218px;display:none;}
#MainContent_Calendar table{margin: 0 0 !important;}
#MainContent_gvRegisterDay td,#MainContent_gvRegisterDayFinish td, #MainContent_gvRegisterWeek td{border: 1px solid #D9E6F0 !important;}
.round-border{border-radius:3px;border-color:#E1E1E1;}
#MainContent_gvRegisterWeek input{text-align:center;}
#MainContent_gvRegisterWeek{margin: 0;}
#MainContent_UpdatePanel1{margin-bottom: 3px;}

.footer{color:Maroon;font-weight:bold;}
table.inbox th,table.inbox td{border: 1px solid #D9E6F0;} 
.incre table{width:650px !important;}
.incre{width:655px !important;margin:0 auto;}
.dem table{width:210px !important;}
.dem{width:216px !important;margin:0 auto;}
.top,.bottom{width: 940px;margin-bottom: 5px;}
.bottom{width:660px !important;}
.report1{width:770px;
margin: 0 auto;}
.report1 table{width:  763px;
}
#MainContent_gvReport th{color: #375B91;background-color:#F3F9FF;border: 1px solid #D9E6F0;}
#MainContent_gvReport td{border: 1px solid #D9E6F0;}
.timer{width:161px !important;}
#MainContent_Calendar{width: 170px !important;height:150px !important;}
#MainContent_Calendar td{padding: 0px;}
#MainContent_ddlResultUnit{width: 163px;}
#MainContent_ddlproject,#MainContent_ddlTypeTime,#MainContent_ddlClient{width:200px;}
#MainContent_ddlProject{width:200px;}
#MainContent_ddlActivity{width: 285px;}
.timer table{width: 155px;}
.time{color: #5474C4;
font-weight: bold;}
.value{font-size: 18pt;}
#frmStart{padding: 0px !important;}
#overlay{position: absolute;width: 100%; height: 100%; background: gray; top:0;left:0;opacity:0.3;z-index:1001;}
.popup
{
    position:absolute;    
    top:200px;
    left: 300px;
    z-index: 1002;
    background: #FFF;
}

.hidden{display:none;}
.main-content
{
    width: 705px;
    margin: 0 auto;    
}
.main-content table
{
    width: 694px !important;
}
.SubTotalRowStyle{
    border:solid 1px White;
    background-color:#81BEF7;
    font-weight:bold;
    text-align: right;
    color:#FFF;
    font-style: italic;
}
.GrandTotalRowStyle{
    border:solid 1px White;
    background-color:Gray;
    font-weight:bold;
    text-align: right;
    color:#FFF;
}
.SubTotalRowStyle-add,.GrandTotalRowStyle-add{color: Maroon; background-color:#fff;text-align: left !important;}

#MainContent_ddlCode1,#MainContent_ddlCode2,#MainContent_ddlCode3,#MainContent_ddlCode4
{
    max-width: 175px;
}

.bounder
{
    height: 30px;
    line-height: 30px;
    }